<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="shortcut icon" href="./image/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/font-awesome.min.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/swiper.min.css">
</head>

<body>
    <div class="top outer">
        <div class="container">
            <div class="top-group fl top-left">
                <a href="" class="login">亲，请登录</a>
                <a href="" class="register">免费注册</a>
            </div>
            <div class="top-group fr top-right">
                <a href=""><i class="fa fa-users"></i></a>
                <a href=""><i class="fa fa-shopping-cart"></i></a>
                <a href="">个人中心</a>
                <a href="">切换账号</a>
                <a href="">退出账号</a>
            </div>
        </div>
    </div>
    <header class="head container">
        <div class="logo">
            <img src="./image/public/logo.png" alt="">
        </div>
        <div class="search">
            <label class="ipt" for="s">
                <input type="text" placeholder="" id="s" required><button>搜索</button>
                <div class="placeholder-group">
                    <i class="fa fa-search"></i>
                    <span class="placeholder-text">安岳黄柠檬</span>
                </div>
            </label>
            <div class="tip">
                <a href="" class="tip-text">正宗土鸡蛋</a>
                <a href="" class="tip-text">山东大白菜</a>
                <a href="" class="tip-text">四川猕猴桃</a>
                <a href="" class="tip-text">福建红心柚</a>
                <a href="" class="tip-text">四川猕猴桃</a>
                <a href="" class="tip-text">福建红心柚</a>
            </div>

        </div>
        <a class="scan-btn">
            <i class="fa fa-qrcode"></i>
            <span>扫一扫</span>
        </a>
    </header>
    <nav class="nav ">
        <div class="container nav-wrap">
            <a class="category">
                <i class="fa fa-reorder"></i>
                <span>货品分类</span>
            </a>
            <ul class="nav-menu">
                <li class="nav-menu-item">
                    <a href="./index.html">首页</a>
                </li>
                <li class="nav-menu-item">
                    <a href="">采购大厅</a>
                </li>
                <li class="nav-menu-item">
                    <a href="">爱心助农</a>
                </li>
                <li class="nav-menu-item">
                    <a href="">农业咨询</a>
                </li>
                <li class="nav-menu-item">
                    <a href="./about.html">关于我们</a>
                </li>
            </ul>
        </div>
    </nav>
    <div class=" banner container">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <a href="">
                        <img src="./image/index/banner/banner2.jpg" alt="">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="">
                        <img src="./image/index/banner/banner3.png" alt="">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="">
                        <img src="./image/index/banner/banner5.png" alt="">
                    </a>
                </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>

            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>

            <!-- 如果需要滚动条 -->
            <!-- <div class="swiper-scrollbar"></div> -->
        </div>
        <!-- banner左边分类 -->
        <div class="ad-category">
            <div class="ad-category-item">
                <p><i class="fa fa-apple"></i>水果</p>
                <a href="">浆果类</a>
                <a href="">核果仁类</a>
            </div>
            <div class="ad-category-item">
                <p><i class="fa fa-apple"></i>水果</p>
                <a href="">浆果类</a>
                <a href="">核果仁类</a>
            </div>
            <div class="ad-category-item">
                <p><i class="fa fa-apple"></i>水果</p>
                <a href="">浆果类</a>
                <a href="">核果仁类</a>
            </div>
            <div class="ad-category-item">
                <p><i class="fa fa-apple"></i>水果</p>
                <a href="">浆果类</a>
                <a href="">核果仁类</a>
            </div>
            <div class="ad-category-item">
                <p><i class="fa fa-apple"></i>水果</p>
                <a href="">浆果类</a>
                <a href="">核果仁类</a>
            </div>
            <div class="ad-category-item">
                <p><i class="fa fa-apple"></i>水果</p>
                <a href="">浆果类</a>
                <a href="">核果仁类</a>
            </div>
        </div>
        <!-- banner右边广告 -->
        <div class="ad-hot">
            <div class="ad-hot-item">
                <img src="./image/index/hot/1.png" alt="">
                <div class="ahi-content">
                    <p class="ahic-title">热销明星</p>
                    <p class="ahic-text">
                        <span>满足你挑剔的胃</span>
                        <br>
                        <span>往这儿看</span>
                    </p>
                    <a href="">更多&gt;&gt;&gt;</a>
                </div>
            </div>
            <div class="ad-hot-item">
                <img src="./image/index/hot/2.png" alt="">
                <div class="ahi-content">
                    <p class="ahic-title">热销明星</p>
                    <p class="ahic-text">
                        <span>满足你挑剔的胃</span>
                        <br>
                        <span>往这儿看</span>
                    </p>
                    <a href="">更多&gt;&gt;&gt;</a>
                </div>
            </div>
            <div class="ad-hot-item">
                <img src="./image/index/hot/3.png" alt="">
                <div class="ahi-content">
                    <p class="ahic-title">热销明星</p>
                    <p class="ahic-text">
                        <span>满足你挑剔的胃</span>
                        <br>
                        <span>往这儿看</span>
                    </p>
                    <a href="">更多&gt;&gt;&gt;</a>
                </div>
            </div>
        </div>
    </div>
    <!-- <main class=""> -->
    <!-- 爱心助农 -->
    <div class="axzn container">
        <h2>爱/心/助/农</h2>
        <p>大量积压 销路不畅</p>
        <p>帮助农民伯伯温暖度过</p>
        <div class="ax-love">
            <img src="./image/index/love/1.png" alt="">
            <img src="./image/index/love/2.png" alt="">
            <img src="./image/index/love/3.png" alt="">
            <img src="./image/index/love/4.png" alt="">

        </div>
        <div class="ax-btn">
            <span>爱心助农</span>
        </div>
    </div>
    <!-- 产品展示 -->
    <div class="products container">
        <h2>产/品/展/示</h2>
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <a href="">
                        <img src="./image/index/display/vegetables/1.png" alt="">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="">
                        <img src="./image/index/display/feat/1.png" alt="">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="">
                        <img src="./image/index/display/feat/2.png" alt="">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="">
                        <img src="./image/index/display/feat/3.png" alt="">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="">
                        <img src="./image/index/display/feat/4.png" alt="">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="">
                        <img src="./image/index/display/fruit/1.png" alt="">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="">
                        <img src="./image/index/display/fruit/2.png" alt="">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="">
                        <img src="./image/index/display/fruit/3.png" alt="">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="">
                        <img src="./image/index/display/fruit/4.png" alt="">
                    </a>
                </div>
            </div>
            <!-- Add Pagination -->
            <!-- <div class="swiper-pagination"></div> -->
            <!-- Add Arrows -->
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>
    </div>
    <!-- 详细商品 -->
    <div class="container goods">
        <div class="goods-section">
            <div class="gs-title">
                <h3><i class="fa fa-apple"></i>新鲜水果</h3>
                <a href="">更多&gt;&gt;&gt;</a>
            </div>
            <div class="gs-content">
                <div class="gsc-left">
                    <h4>水果批发</h4>
                    <p>
                        <span>热卖品种</span>
                        <br>
                        <span>产地货源</span>
                    </p>
                    <p></p>
                    <a href="">立即进入&gt;</a>
                </div>
                <div class="gsc-right">
                    <div class="gscr-item">
                        <div class="img-box">
                            <img src="./image/index/display/fruit/1.png" alt="">
                        </div>
                        <div class="info">
                            <div class="info-price">
                                <span class="ip-new"><span>￥</span>2.6</span>
                                <span class="ip-origin">￥3.5</span>
                            </div>
                            <div class="info-title">
                                <span class="it-text">安岳新鲜黄柠檬 </span>
                                <span class="it-tag">精品</span>
                            </div>
                        </div>
                    </div>
                    <div class="gscr-item">
                        <div class="img-box">
                            <img src="./image/index/display/fruit/1.png" alt="">
                        </div>
                        <div class="info">
                            <div class="info-price">
                                <span class="ip-new"><span>￥</span>2.6</span>
                                <span class="ip-origin">￥3.5</span>
                            </div>
                            <div class="info-title">
                                <span class="it-text">安岳新鲜黄柠檬 </span>
                                <span class="it-tag">精品</span>
                            </div>
                        </div>
                    </div>
                    <div class="gscr-item">
                        <div class="img-box">
                            <img src="./image/index/display/fruit/1.png" alt="">
                        </div>
                        <div class="info">
                            <div class="info-price">
                                <span class="ip-new"><span>￥</span>2.6</span>
                                <span class="ip-origin">￥3.5</span>
                            </div>
                            <div class="info-title">
                                <span class="it-text">安岳新鲜黄柠檬 </span>
                                <span class="it-tag">精品</span>
                            </div>
                        </div>
                    </div>
                    <div class="gscr-item">
                        <div class="img-box">
                            <img src="./image/index/display/fruit/1.png" alt="">
                        </div>
                        <div class="info">
                            <div class="info-price">
                                <span class="ip-new"><span>￥</span>2.6</span>
                                <span class="ip-origin">￥3.5</span>
                            </div>
                            <div class="info-title">
                                <span class="it-text">安岳新鲜黄柠檬 </span>
                                <span class="it-tag">精品</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="goods-section">
            <div class="gs-title">
                <h3><i class="fa fa-apple"></i>新鲜水果</h3>
                <a href="">更多&gt;&gt;&gt;</a>
            </div>
            <div class="gs-content">
                <div class="gsc-left">
                    <h4>水果批发</h4>
                    <p>
                        <span>热卖品种</span>
                        <br>
                        <span>产地货源</span>
                    </p>
                    <p></p>
                    <a href="">立即进入&gt;</a>
                </div>
                <div class="gsc-right">
                    <div class="gscr-item">
                        <div class="img-box">
                            <img src="./image/index/display/fruit/1.png" alt="">
                        </div>
                        <div class="info">
                            <div class="info-price">
                                <span class="ip-new"><span>￥</span>2.6</span>
                                <span class="ip-origin">￥3.5</span>
                            </div>
                            <div class="info-title">
                                <span class="it-text">安岳新鲜黄柠檬 </span>
                                <span class="it-tag">精品</span>
                            </div>
                        </div>
                    </div>
                    <div class="gscr-item">
                        <div class="img-box">
                            <img src="./image/index/display/fruit/1.png" alt="">
                        </div>
                        <div class="info">
                            <div class="info-price">
                                <span class="ip-new"><span>￥</span>2.6</span>
                                <span class="ip-origin">￥3.5</span>
                            </div>
                            <div class="info-title">
                                <span class="it-text">安岳新鲜黄柠檬 </span>
                                <span class="it-tag">精品</span>
                            </div>
                        </div>
                    </div>
                    <div class="gscr-item">
                        <div class="img-box">
                            <img src="./image/index/display/fruit/1.png" alt="">
                        </div>
                        <div class="info">
                            <div class="info-price">
                                <span class="ip-new"><span>￥</span>2.6</span>
                                <span class="ip-origin">￥3.5</span>
                            </div>
                            <div class="info-title">
                                <span class="it-text">安岳新鲜黄柠檬 </span>
                                <span class="it-tag">精品</span>
                            </div>
                        </div>
                    </div>
                    <div class="gscr-item">
                        <div class="img-box">
                            <img src="./image/index/display/fruit/1.png" alt="">
                        </div>
                        <div class="info">
                            <div class="info-price">
                                <span class="ip-new"><span>￥</span>2.6</span>
                                <span class="ip-origin">￥3.5</span>
                            </div>
                            <div class="info-title">
                                <span class="it-text">安岳新鲜黄柠檬 </span>
                                <span class="it-tag">精品</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="goods-section">
            <div class="gs-title">
                <h3><i class="fa fa-apple"></i>新鲜水果</h3>
                <a href="">更多&gt;&gt;&gt;</a>
            </div>
            <div class="gs-content">
                <div class="gsc-left">
                    <h4>水果批发</h4>
                    <p>
                        <span>热卖品种</span>
                        <br>
                        <span>产地货源</span>
                    </p>
                    <p></p>
                    <a href="">立即进入&gt;</a>
                </div>
                <div class="gsc-right">
                    <div class="gscr-item">
                        <div class="img-box">
                            <img src="./image/index/display/fruit/1.png" alt="">
                        </div>
                        <div class="info">
                            <div class="info-price">
                                <span class="ip-new"><span>￥</span>2.6</span>
                                <span class="ip-origin">￥3.5</span>
                            </div>
                            <div class="info-title">
                                <span class="it-text">安岳新鲜黄柠檬 </span>
                                <span class="it-tag">精品</span>
                            </div>
                        </div>
                    </div>
                    <div class="gscr-item">
                        <div class="img-box">
                            <img src="./image/index/display/fruit/1.png" alt="">
                        </div>
                        <div class="info">
                            <div class="info-price">
                                <span class="ip-new"><span>￥</span>2.6</span>
                                <span class="ip-origin">￥3.5</span>
                            </div>
                            <div class="info-title">
                                <span class="it-text">安岳新鲜黄柠檬 </span>
                                <span class="it-tag">精品</span>
                            </div>
                        </div>
                    </div>
                    <div class="gscr-item">
                        <div class="img-box">
                            <img src="./image/index/display/fruit/1.png" alt="">
                        </div>
                        <div class="info">
                            <div class="info-price">
                                <span class="ip-new"><span>￥</span>2.6</span>
                                <span class="ip-origin">￥3.5</span>
                            </div>
                            <div class="info-title">
                                <span class="it-text">安岳新鲜黄柠檬 </span>
                                <span class="it-tag">精品</span>
                            </div>
                        </div>
                    </div>
                    <div class="gscr-item">
                        <div class="img-box">
                            <img src="./image/index/display/fruit/1.png" alt="">
                        </div>
                        <div class="info">
                            <div class="info-price">
                                <span class="ip-new"><span>￥</span>2.6</span>
                                <span class="ip-origin">￥3.5</span>
                            </div>
                            <div class="info-title">
                                <span class="it-text">安岳新鲜黄柠檬 </span>
                                <span class="it-tag">精品</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="goods-section">
            <div class="gs-title">
                <h3><i class="fa fa-apple"></i>新鲜水果</h3>
                <a href="">更多&gt;&gt;&gt;</a>
            </div>
            <div class="gs-content">
                <div class="gsc-left">
                    <h4>水果批发</h4>
                    <p>
                        <span>热卖品种</span>
                        <br>
                        <span>产地货源</span>
                    </p>
                    <p></p>
                    <a href="">立即进入&gt;</a>
                </div>
                <div class="gsc-right">
                    <div class="gscr-item">
                        <div class="img-box">
                            <img src="./image/index/display/fruit/1.png" alt="">
                        </div>
                        <div class="info">
                            <div class="info-price">
                                <span class="ip-new"><span>￥</span>2.6</span>
                                <span class="ip-origin">￥3.5</span>
                            </div>
                            <div class="info-title">
                                <span class="it-text">安岳新鲜黄柠檬 </span>
                                <span class="it-tag">精品</span>
                            </div>
                        </div>
                    </div>
                    <div class="gscr-item">
                        <div class="img-box">
                            <img src="./image/index/display/fruit/1.png" alt="">
                        </div>
                        <div class="info">
                            <div class="info-price">
                                <span class="ip-new"><span>￥</span>2.6</span>
                                <span class="ip-origin">￥3.5</span>
                            </div>
                            <div class="info-title">
                                <span class="it-text">安岳新鲜黄柠檬 </span>
                                <span class="it-tag">精品</span>
                            </div>
                        </div>
                    </div>
                    <div class="gscr-item">
                        <div class="img-box">
                            <img src="./image/index/display/fruit/1.png" alt="">
                        </div>
                        <div class="info">
                            <div class="info-price">
                                <span class="ip-new"><span>￥</span>2.6</span>
                                <span class="ip-origin">￥3.5</span>
                            </div>
                            <div class="info-title">
                                <span class="it-text">安岳新鲜黄柠檬 </span>
                                <span class="it-tag">精品</span>
                            </div>
                        </div>
                    </div>
                    <div class="gscr-item">
                        <div class="img-box">
                            <img src="./image/index/display/fruit/1.png" alt="">
                        </div>
                        <div class="info">
                            <div class="info-price">
                                <span class="ip-new"><span>￥</span>2.6</span>
                                <span class="ip-origin">￥3.5</span>
                            </div>
                            <div class="info-title">
                                <span class="it-text">安岳新鲜黄柠檬 </span>
                                <span class="it-tag">精品</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="goods-section">
            <div class="gs-title">
                <h3><i class="fa fa-apple"></i>新鲜水果</h3>
                <a href="">更多&gt;&gt;&gt;</a>
            </div>
            <div class="gs-content">
                <div class="gsc-left">
                    <h4>水果批发</h4>
                    <p>
                        <span>热卖品种</span>
                        <br>
                        <span>产地货源</span>
                    </p>
                    <p></p>
                    <a href="">立即进入&gt;</a>
                </div>
                <div class="gsc-right">
                    <div class="gscr-item">
                        <div class="img-box">
                            <img src="./image/index/display/fruit/1.png" alt="">
                        </div>
                        <div class="info">
                            <div class="info-price">
                                <span class="ip-new"><span>￥</span>2.6</span>
                                <span class="ip-origin">￥3.5</span>
                            </div>
                            <div class="info-title">
                                <span class="it-text">安岳新鲜黄柠檬 </span>
                                <span class="it-tag">精品</span>
                            </div>
                        </div>
                    </div>
                    <div class="gscr-item">
                        <div class="img-box">
                            <img src="./image/index/display/fruit/1.png" alt="">
                        </div>
                        <div class="info">
                            <div class="info-price">
                                <span class="ip-new"><span>￥</span>2.6</span>
                                <span class="ip-origin">￥3.5</span>
                            </div>
                            <div class="info-title">
                                <span class="it-text">安岳新鲜黄柠檬 </span>
                                <span class="it-tag">精品</span>
                            </div>
                        </div>
                    </div>
                    <div class="gscr-item">
                        <div class="img-box">
                            <img src="./image/index/display/fruit/1.png" alt="">
                        </div>
                        <div class="info">
                            <div class="info-price">
                                <span class="ip-new"><span>￥</span>2.6</span>
                                <span class="ip-origin">￥3.5</span>
                            </div>
                            <div class="info-title">
                                <span class="it-text">安岳新鲜黄柠檬 </span>
                                <span class="it-tag">精品</span>
                            </div>
                        </div>
                    </div>
                    <div class="gscr-item">
                        <div class="img-box">
                            <img src="./image/index/display/fruit/1.png" alt="">
                        </div>
                        <div class="info">
                            <div class="info-price">
                                <span class="ip-new"><span>￥</span>2.6</span>
                                <span class="ip-origin">￥3.5</span>
                            </div>
                            <div class="info-title">
                                <span class="it-text">安岳新鲜黄柠檬 </span>
                                <span class="it-tag">精品</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="goods-section">
            <div class="gs-title">
                <h3><i class="fa fa-apple"></i>新鲜水果</h3>
                <a href="">更多&gt;&gt;&gt;</a>
            </div>
            <div class="gs-content">
                <div class="gsc-left">
                    <h4>水果批发</h4>
                    <p>
                        <span>热卖品种</span>
                        <br>
                        <span>产地货源</span>
                    </p>
                    <p></p>
                    <a href="">立即进入&gt;</a>
                </div>
                <div class="gsc-right">
                    <div class="gscr-item">
                        <div class="img-box">
                            <img src="./image/index/display/fruit/1.png" alt="">
                        </div>
                        <div class="info">
                            <div class="info-price">
                                <span class="ip-new"><span>￥</span>2.6</span>
                                <span class="ip-origin">￥3.5</span>
                            </div>
                            <div class="info-title">
                                <span class="it-text">安岳新鲜黄柠檬 </span>
                                <span class="it-tag">精品</span>
                            </div>
                        </div>
                    </div>
                    <div class="gscr-item">
                        <div class="img-box">
                            <img src="./image/index/display/fruit/1.png" alt="">
                        </div>
                        <div class="info">
                            <div class="info-price">
                                <span class="ip-new"><span>￥</span>2.6</span>
                                <span class="ip-origin">￥3.5</span>
                            </div>
                            <div class="info-title">
                                <span class="it-text">安岳新鲜黄柠檬 </span>
                                <span class="it-tag">精品</span>
                            </div>
                        </div>
                    </div>
                    <div class="gscr-item">
                        <div class="img-box">
                            <img src="./image/index/display/fruit/1.png" alt="">
                        </div>
                        <div class="info">
                            <div class="info-price">
                                <span class="ip-new"><span>￥</span>2.6</span>
                                <span class="ip-origin">￥3.5</span>
                            </div>
                            <div class="info-title">
                                <span class="it-text">安岳新鲜黄柠檬 </span>
                                <span class="it-tag">精品</span>
                            </div>
                        </div>
                    </div>
                    <div class="gscr-item">
                        <div class="img-box">
                            <img src="./image/index/display/fruit/1.png" alt="">
                        </div>
                        <div class="info">
                            <div class="info-price">
                                <span class="ip-new"><span>￥</span>2.6</span>
                                <span class="ip-origin">￥3.5</span>
                            </div>
                            <div class="info-title">
                                <span class="it-text">安岳新鲜黄柠檬 </span>
                                <span class="it-tag">精品</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <!-- 农业咨询 -->
    <div class="nyzx">
        <div class="container">
            <h2>农/业/咨/询</h2>
            <div class="news">
                <div class="news-item">
                    <div class="ni-icon">
                        <i class="fa fa-newspaper-o"></i>
                    </div>
                    <div class="ni-img">
                        <img src="./image/news/index/1.png" alt="">
                    </div>

                    <div class="nic-text">
                        <h3>最新资讯</h3>
                        <a href="" class="nict-title">苋菜价格多少钱一斤？苋菜的种植苋菜的种植苋菜的种植苋菜的种植</a>
                        <a href="" class="nict-title">进口辣椒优质品种今日正式起售苋菜的种植苋菜的种植苋菜的种植</a>
                        <a href="" class="nict-more">更多&gt;&gt;</a>
                    </div>
                </div>
                <div class="news-item"></div>
                <div class="news-item"></div>
            </div>
        </div>
    </div>
    <footer>
        <div class="foot-top">
            <div class="container ft-con">
                <div class="ftc-item">
                    <div class="ftci-circle" data-title="绿色">   
                        <i class="fa fa-leaf"></i>
                    </div>
                    <p>xx农产网是一家专注于绿色有机农产品的专业服务网</p>
                </div>
                <div class="ftc-item">
                    <div class="ftci-circle" data-title="智能">   
                        <i class="fa fa-cloud"></i>
                    </div>
                    <p>xx专注于满足市场需求不断拓展服务区域</p>
                </div>
                <div class="ftc-item">
                    <div class="ftci-circle" data-title="实惠">   
                        <i class="fa fa-rmb"></i>
                    </div>
                    <p>没有中间商，免除差价让交易更加简单</p>
                </div>
                <div class="ftc-item">
                    <div class="ftci-circle">   
                        <i class="fa fa-leaf"></i>
                    </div>
                    <p>xx农产网是一家专注于绿色有机农产品的专业服务网</p>
                </div>
                <div class="ftc-item">
                    <div class="ftci-circle">   
                        <i class="fa fa-leaf"></i>
                    </div>
                    <p>xx农产网是一家专注于绿色有机农产品的专业服务网</p>
                </div>
            </div>
        </div>
        <div class="foot-bottom">
            <div class="container">
                <ul class="links">
                    <li class="cl-item"><a href="">关于我们</a></li>
                    <li class="cl-item">|</li>
                    <li class="cl-item"><a href="">法律声明</a></li>
                    <li class="cl-item">|</li>
                    <li class="cl-item"><a href="">使用协议</a></li>
                    <li class="cl-item">|</li>
                    <li class="cl-item"><a href="">版权隐私</a></li>
                    <li class="cl-item">|</li>
                    <li class="cl-item"><a href="">友情链接</a></li>
                    <li class="cl-item">|</li>
                    <li class="cl-item"><a href="">成功案列</a></li>
                    <li class="cl-item">|</li>
                    <li class="cl-item"><a href="">xx大事件</a></li>
                    <li class="cl-item">|</li>
                    <li class="cl-item"><a href="">产品库</a></li>
                    <li class="cl-item">|</li>
                    <li class="cl-item"><a href="">品种库</a></li>
                    <li class="cl-item">|</li>
                    <li class="cl-item"><a href="">产品价格大全</a></li>
                    <li class="cl-item">|</li>
                    <li class="cl-item"><a href="">产品地图</a></li>
                </ul>  
                <p>蜀ICP备12345678号-1  服务热线：400-008-8888</p>
                <p>互联网农产品信息服务资格证书：（蜀）- 经营性-2019-0001 四川xx农产品网营业执照</p>
                <p>©-2019 Cnhnb B2B SYSTEN ALL Rights Reserved</p>                      
            </div>
        </div>
    </footer>



    <script src="./js/swiper.min.js"></script>
    <script>
        const bannerSwiper = new Swiper('.banner .swiper-container', {
            // direction: 'vertical', // 垂直切换选项
            loop: true, // 循环模式选项
            autoplay: true,

            // 如果需要分页器
            pagination: {
                el: '.swiper-pagination',
            },

            // 如果需要前进后退按钮
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },

            // 如果需要滚动条
            scrollbar: {
                el: '.swiper-scrollbar',
            },
        })


        const productsSwiper = new Swiper('.products .swiper-container', {
            // slidesPerView: 8,
            slidesPerView: "8",
            spaceBetween: 10,
            // slidesOffsetBefore : 69,
            // slidesOffsetAfter : 69,
            // centeredSlides: true,
            loop: true,
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            }
        });
    </script>

</body>

</html>